<template>
  <div class="loading">
    <img src="../common/images/loading.gif" />
    <p>{{msg}}</p>
  </div>
</template>

<script type="text/ecmascript-6">

export default {
  props: {
    msg: {
      type: String,
      default: ''
    }
  },
  data() {
    return {

    }
  },
}
</script>

<style scoped lang="stylus">

.loading
  position absolute
  top 50%
  left 50%
  transform translate3d(-50%, -50%, 0)
  padding 10px
  border-radius 5px
  background-color rgba(0, 0, 0, .6)
  text-align center
  font-size 0
  img 
    display block
    width 30px
    height 30px
    margin auto
  p
    padding 10px 10px 0
    color #ffffff 
    font-size 16px 


</style>
